﻿<html>
<style type="text/css">
   .block1 { 
    background: #ededc4;
    padding: 5px;
    padding-right: 20px; 
    border: solid 1px black; 
    white-space: pre-wrap;
   }
  </style>
  <link rel="stylesheet" href='/css/style.css' type='text/css'/>
  <script type="text/javascript" src="/js/jq.js"></script>
  <script type="text/javascript">                                         
	 $(document).ready(function() {
	 	$('.linkToShowList').click(function() {
	 		 $(".questionsList").show('fast');
	 		 $(".linkToShowList").hide('fast');
	 	});
	 	$('.newQuestion').click(function() {
	 		 $(".questionsList").hide('fast');
	 		 $(".newQuestionForm").show('fast');
	 		 $(".newQuestion").hide('fast');
	 	});
 	});                                 
 </script>        
 <body background="img/background.jpg">
 
<div class="centre">
<?java 	
	String chapterId = rq.getValueByName("id");
	Chapter chapter = dao.getChapter(chapterId);
	return "<H2>" + chapter.getName()
		+ "</H2> " + "Текст главы:<div class = block1>" + chapter.getText()
		+ "</div>";
?java>
<br><br>
<a href="#" class='linkToShowList'>Показать вопросы к главе</a>
<div class='questionsList' style="display: none;">
<?java 
	String chapterId = rq.getValueByName("id");
	Chapter chapter = dao.getChapter(chapterId);
	StringBuilder sb = new StringBuilder();
	for (Question q : chapter.getQuestions()) {
		 sb.append("<pre>" + q.getText() + "</pre>");
		sb.append("<ul type=\"circle\">");
	    for (Answer a : q.getAnswers()) {
		sb.append("<li><pre>" + a.getAnswer() + "</pre></li>");
	    }
	    sb.append("</ul>");
		sb.append("<hr>");
	}
	sb.append("<a href=\"#\" class=\"newQuestion\">Добавить вопрос к главе</a>");
	return sb.toString();
?java>

</div>
<div class='newQuestionForm' style="display: none;">
		Новый вопрос:
		<form method="post" action="addnew.j">
			<p>Текст вопроса:<Br><textarea name="question" cols="40" rows="2"></textarea></p>
			<p>Ответы(Один на строчку)<Br><textarea name="answers" cols="80" rows="5"></textarea></p>
			<input type=hidden name=chapterid value="<?java return rq.getValueByName("id"); ?java>"/>
			<input type=hidden name=action value="<?java return Consts.ADD_NEW_QUESTION; ?java>"/>
 			<p><input type="submit" value="Отправить"><input type="reset" value="Очистить"></p>
		</form>
</div><br><br>
<a href="/">Index</a>

</div>
</body>
<html>